@mixin opacity($deg: 1) {
  opacity: $deg;
}

@mixin border-radius($deg: none) {
  border-radius: $deg;
}

@mixin linear-gradient($deg, $start, $end) {
  background: -webkit-linear-gradient($deg, $start, $end);
  background: -moz-linear-gradient($deg, $start, $end);
  background: -o-linear-gradient($deg, $start, $end);
  background: -ms-linear-gradient($deg, $start, $end);
  background: linear-gradient($deg, $start, $end);
}

@mixin box-shadow($content) {
  box-shadow: $content;
  -webkit-box-shadow: $content;
  -moz-box-shadow: $content;
  -o-box-shadow:$content;
}

@mixin ellipsis($width) {
  max-width: $width;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin clearfix {
  zoom: 1;

  &::before,
  &::after {
    content: "";
    display: table;
  }

  &::after {
    clear: both;
  }
}

@mixin when($state) {
  @at-root {
    &.#{$state-prefix + $state} {
      @content;
    }
  }
}

@mixin utils-user-select($value) {
  -moz-user-select: $value;
  -webkit-user-select: $value;
  -ms-user-select: $value;
}